        <div class="span10">
          <div class="row-fluid">
            <div class="span12 box">
                <div class="box-head">
                    <h3><i class="icon-white icon-certificate"></i> Stats</h3>
                </div>
                <div class="box-content">
                    <div class="content-inner">
                        <div class="row-fluid">
                            <div class="income btn-danger">
                                <div class="row-fluid">
                                    <div class="span4">
                                        <h1>Revenue</h1>
                                        <p>Time by time</p>
                                    </div>
                                    <div class="span2">
                                        <h1>$50</h1>
                                        <p>Today <i class="icon-arrow-up"></i> </p>
                                    </div>
                                    <div class="span2">
                                        <h1>$950</h1>
                                        <p>This week <i class="icon-resize-horizontal"></i> </p>
                                    </div>
                                    <div class="span2">
                                        <h1>$2,450</h1>
                                        <p>This month <i class="icon-fire"></i></p>
                                    </div>
                                    <div class="span2">
                                        <h1>$8,060</h1>
                                        <p>Total</p>
                                    </div>
                                </div> <!-- row -->
                            </div> <!-- income -->
                            <br class="clearfix" />
                            <div id="revenue" class="charts"></div>
                        </div> <!-- row -->
                    </div><!-- content-inner -->
                </div>
            </div>
          </div> <!-- end row -->
          <div class="row-fluid">
            <div class="span12 box">
                <div class="box-head">
                    <h3><i class="icon-white icon-bookmark"></i> Last Notification</h3>
                </div>
                <div class="box-content">
                    <div class="content-inner">
                        <ul class="thumbnails">
                            <li class="span3">
                              <div class="thumbnail">
                                <span class="notif-number">4</span> Award Member
                                <hr />
                                <div class="caption">
                                  <p><span class="label label-success">Award</span> <a href="index.html#">John Doe</a></p>
                                  <p><span class="label label-success">Award</span> <a href="index.html#">Jane Doe</a></p>
                                  <p><span class="label label-success">Award</span> <a href="index.html#">Christina</a></p>
                                  <p><span class="label label-success">Award</span> <a href="index.html#">Tarjono</a></p>
                                </div>
                              </div>
                            </li>
                            <li class="span3">
                              <div class="thumbnail">
                                <span class="notif-number">5</span> New Member
                                <hr />
                                <div class="caption">
                                  <p><span class="label label-info">Member</span> <a href="allmember.html">Bejo</a></p>
                                  <p><span class="label label-info">Member</span> <a href="allmember.html">Didi Kempot</a></p>
                                  <p><span class="label label-info">Member</span> <a href="allmember.html">Paimin</a></p>
                                  <p><span class="label label-info">Member</span> <a href="allmember.html">Tukijo</a></p>
                                  <p><span class="label label-info">Member</span> <a href="allmember.html">Jarwo</a></p>  
                                </div>
                              </div>
                            </li>
                            <li class="span3">
                              <div class="thumbnail">
                                <span class="notif-number">7</span> New Order
                                <hr />
                                <div class="caption">
                                  <p><span class="label label-warning">Order</span> <a href="allorder.html">RHJTI8</a></p>
                                  <p><span class="label label-warning">Order</span> <a href="allorder.html">12J832</a></p>
                                  <p><span class="label label-warning">Order</span> <a href="allorder.html">KRTYSL</a></p>
                                  <p><span class="label label-warning">Order</span> <a href="allorder.html">M12345</a></p>   
                                </div>
                              </div>
                            </li>
                            <li class="span3">
                              <div class="thumbnail">
                                <span class="notif-number">10</span> Confirmation of Payment
                                <hr />
                                <div class="caption">
                                  <p><span class="label label-important">Confirm</span> <a href="konfirm.html">XMJWA8</a></p>
                                  <p><span class="label label-important">Confirm</span> <a href="konfirm.html">12J832</a></p>
                                  <p><span class="label label-important">Confirm</span> <a href="konfirm.html">KRTYSL</a></p>
                                  <p><span class="label label-important">Confirm</span> <a href="konfirm.html">M12345</a></p>
                                  <p><span class="label label-important">Confirm</span> <a href="konfirm.html">RHJTI8</a></p>   
                                </div>
                              </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
          </div> <!-- end row -->
          <div class="row-fluid">
            <div class="span6">
                <div class="box-head"><h3><i class="icon-white icon-comment"></i> Recent Comments</h3></div>
                <div class="box-content">
                    <div class="content-inner">
                        <ul class="comment">
                            <li>
                                <div class="comment-avatar">
                                    <a href="index.html#"><img src="img/gravatar.jpg" /></a>
                                    <span class="comment-name"><a href="index.html#">John Doe</a> on <a href="index.html#">Lorem ipsum.</a></span>
                                    <span class="comment-date"><p>July 16th, 2012 at 5:09 pm</p></span>
                                </div>
                                <div class="comment-content">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                                    Curabitur convallis condimentum dignissim... <a href="comment.html">more &raquo;</a></p>
                                </div> 
                            </li>
                            <li>
                                <div class="comment-avatar">
                                    <a href="index.html#"><img src="img/gravatar.jpg" /></a>
                                    <span class="comment-name"><a href="index.html#">Jane Doe</a> on <a href="index.html#">Lorem ipsum.</a></span>
                                    <span class="comment-date"><p>July 16th, 2012 at 5:09 pm</p></span>
                                </div>
                                <div class="comment-content">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                                    Curabitur convallis condimentum dignissim... <a href="comment.html">more &raquo;</a></p>
                                </div> 
                            </li>
                        </ul>
                    </div><!-- Content-inner -->
                </div><!--/box-content-->
            </div><!-- span -->
            <div class="span6">
                <div class="box-head"><h3><i class="icon-white icon-envelope"></i> Recent Messages</h3></div>
                <div class="box-content">
                    <div class="content-inner">
                        <ul class="comment">
                            <li>
                                <div class="comment-avatar">
                                    <a href="index.html#"><img src="img/gravatar.jpg" /></a>
                                    <span class="comment-name">Message From <a href="index.html#">Jane Doe</a></span>
                                    <span class="comment-date"><p>July 16th, 2012 at 5:09 pm</p></span>
                                </div>
                                <div class="comment-content">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit... <a href="message.html">more &raquo;</a></p>
                                </div> 
                            </li>
                            <li>
                                <div class="comment-avatar">
                                    <a href="index.html#"><img src="img/gravatar.jpg" /></a>
                                    <span class="comment-name">Message From <a href="index.html#">John Doe</a></span>
                                    <span class="comment-date"><p>July 16th, 2012 at 5:09 pm</p></span>
                                </div>
                                <div class="comment-content">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit... <a href="message.html">more &raquo;</a></p>
                                </div> 
                            </li>
                        </ul>
                    </div><!--/content-inner-->
                </div><!--/box-content-->
            </div><!--/span-->
          </div><!-- /row-->
        </div><!--/span-->
      </div><!--/row-->
      <script src="http://www.google.com/jsapi"></script>
    <!--<script src="js/charts.js"></script>-->
    <script type="text/javascript">
        google.load("visualization", "1", {packages:["corechart"]});
        
        //column chart
        google.setOnLoadCallback(revenue);
        function revenue(){
        var data = google.visualization.arrayToDataTable([
          ['Month', 'Revenue($)'],
          ['February', 1010],
          ['March', 1000],
          ['April',  1150],
          ['May', 1200],
          ['June', 1250],
          ['July', 2450]
        ]);

        var options = {
          title: 'Revenue',
          hAxis: {title: 'Month', titleTextStyle: {color: 'red'}}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('revenue'));
        chart.draw(data, options);
        }
        
    </script>